<template>
  <div class="L-bflx-item" @click="toCard">
    <van-row type="flex" justify="space-between" align="center">
      <van-col>
        <van-row type="flex"  align="center">
          <van-col>
            <img src="@/assets/images/img_lx4.png" style="width: 30px;margin-right: 5px;">
          </van-col>
          <van-col>
            <span class="L-bold-text">
              路线名称:{{item.bflx_sname}}
            </span>
          </van-col>

        </van-row>

      </van-col>
      <van-col style="text-align: right;">
        <!-- <span class="L-small-text">客户数量:{{item.bflx_khs}}</span> -->
        <i class="iconfont icon-jiufuqianbaoicon07 L-mini-text L-margin-left-10"></i>
      </van-col>
    </van-row>

    <van-divider />
    <div class="L-regular-text-color" v-html="item.label"></div>

    <!-- <van-divider /> -->

    <!-- <van-row type="flex" justify="space-between" align="center">
      <van-col :span="24"><span class="L-small-text ">备注: {{item.bflx_remark}}</span></van-col>
    </van-row> -->
  </div>

</template>
  
  <script setup lang="ts">
import { onMounted, ref, defineProps } from "vue";
import { useRouter, useRoute } from "vue-router";
const router = useRouter();
const route = useRoute();

const props = defineProps({
  item: {
    type: Object,
    default: {},
  },

  idobject: {
    type: String,
    default: "",
  },
});

function toCard() {
  const { item, idobject } = props;
  router.push({
    path: "/bflxCard",
    query: {
      itemid: item[`${idobject}_id`],
      idobject,
      idtemplate:route.query.idtemplate ,
    },
  });
}
</script>
  
  <style scoped>
.L-bflx-item {
  padding: 10px;
  background: #fff;
  margin: 20px auto;
}
</style>